<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
<!-- 引入 layui.css -->
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/layui/css/layer.css">
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="/layui/layui.js" type="text/javascript"></script>
    <script src="/layui/layer.js" type="text/javascript"></script>

</head>
<!-- 引入 layui.js -->
<%--<script src="//unpkg.com/layui@2.6.8/dist/layui.js">--%>
<body>
<h2>Hello World!123</h2>

<div class="layui-fluid" >
<%--    <div class="layui-row layui-col-space4">--%>
<%--        <div class="layui-col-md5" >--%>
<%--            <div style="background-color: #00F7DE">hello1</div>--%>
<%--        </div>--%>
<%--        <div class="layui-col-md4 layui-col-md-offset5" >--%>
<%--            <div style="background-color: #2D93CA">hello2</div>--%>
<%--        </div>--%>
<%--    </div>--%>

<%-- 行列   --%>
<%--
    <div class="layui-row">
        <div class="layui-col-md1">
            <button class="layui-btn" type="button">hello测试</button>
        </div>
        <div class="layui-col-md1">
            <button class="layui-btn" type="button">
                <i class="layui-icon layui-icon-heart"></i>添加
            </button>
        </div>
    </div>
--%>

<%--    水平导航
    <ul class="layui-nav">
        <li class="layui-nav-item"><a href="index.jsp">导航一</a></li>
        <li class="layui-nav-item layui-this"><a href="index.jsp">导航二</a></li>
        <li class="layui-nav-item "><a href="index.jsp">
            导航二</a>
            <dl class="layui-nav-child">导航2.1</dl>
            <dl class="layui-nav-child">导航2.2</dl>
            <dl class="layui-nav-child">导航2.3</dl>
        </li>
    </ul>--%>

<%--  垂直导航   --%>
  <%--  <ul class="layui-nav layui-nav-tree layui-nav-side">
        <li class="layui-nav-item"><a href="#">导航一</a></li>
        <li class="layui-nav-item"><a href="#">导航二</a></li>
        <li class="layui-nav-item ">
            <a href="#">导航二</a>
            <dl class="layui-nav-child">导航2.1</dl>
            <dl class="layui-nav-child">导航2.2</dl>
            <dl class="layui-nav-child">导航2.3</dl>
        </li>
    </ul>--%>

<%--    面包屑--%>
<%--
    <span class="layui-breadcrumb">
         <a href="#">面包二</a>
         <a href="#">面包二</a>
         <a href="#">面包二</a>
        <a><cite>正文</cite></a>
    </span>
--%>

    <div class="layui-inline">
        <input type="text" class="layui-input" id="date1">
    </div>

    <script type="text/javascript">

        //加载模板
        layui.use("layer",function () {
            var layer=layui.layer;

            layer.msg('你愿意和我做朋友吗?',{
                time:0,
                btn:['当然愿意','不愿意'],
                yes:function (index) {
                    layer.close(index)
                    console.log("yes")
                },
                no:function () {
                    console.log("no")
                }
            })
            //加载laydate示例
            // laydate.render({
            //     elem:'#date1',
            //     type:"datetime"
            // })
        })

        layui.use("laydate",function () {
            var laydate=layui.laydate;

            //加载laydate示例
            laydate.render({
                elem:'#date1',
                type:"date"
            })
        })


    </script>

</div>

</body>
</html>
